@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
.login_section{
    width: 100%;
    height: 100%;
    background-color: #222222;
}
.login{
    width: 100%;
    background-color: #222222;
}
.content{
    width: r(496);
    margin: 0 auto;
    text-align: center;
}
.content img{
    width: r(161);
    margin: 50% 0 r(47);
}
.content form div{
    position: relative;
    width: 100%;
    margin: 10px 0;
    input::-webkit-input-placeholder{
        color: #cdcdcd;
        opacity:1;
    }
    input{
        width: 100%;
        box-sizing: border-box;
        background: #3d3d3d;
        font-size: 14px;
        padding: 0 10px 0 r(83);
        border: none;
        height: r(54);
        color: white;

    }
    i{
        color: #cdcdcd;
        font-size: 16px;
        position: absolute;
        left: 0;
        width: r(63);
        height: r(54);
        text-align: center;
        line-height: r(54);
        vertical-align: middle;
        background: #303030;
    }
}
.content form p{
    margin-bottom: r(58);
    text-align: right;
    i{
        color: white;
        font-size: 14px;
    }
    a{
        color: white;
        font-size: 14px;
    }
}
.content form{
    input[type="submit"]{
        color: #cdcdcd;
        background-color: #b60005;
        width: 100%;
        height: r(53);
        margin-bottom: 15px;
        font-size: 14px;
    }
    input[type="button"]{
        color: #cdcdcd;
        background-color: #303030;
        width: 100%;
        height: r(53);
        font-size: 14px;
        border: 1px solid #b60005;
    }
}
